<template>
  <div class="box">
    <h1>我是子组件child</h1>
    <button @mouseenter="tap">点击我呀</button>
  </div>
</template>

<script>
export default {
  name: "",
  data(){
    return {
     msg:"今天是个好日子"
    }
  },
  //子组件的方法
  methods: {
    //Child子组件的按钮点击回调函数
     tap(){
       //触发Child组件绑定自定义事件--->erha事件
       //通过组件实例的$emit方法触发自定义事件
       //只要$emit方法执行，就会出发自定义事件erha
       //第一个参数:事件的类型
       //第二个参数以后:都是可以书写,传递给父组件的参数！！！
       this.$emit('erha',{name:"泰迪",age:3,color:'绿色'});
     }
  },
};
</script>

<style scoped lang="less">
div.box {
  width: 600px;
  height: 400px;
  margin: 100px auto;
  background: red;
  h1{
    text-align: center;
  }
  button{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: yellow;
    border: none;
  }
}
</style>
